body {color:#0c0c0c; font-size:14px; background:#FFF ; font-family: 'Open Sans', sans-serif;}
*{margin:0px; padding:0px; line-height:unset;}
img{border:none;}
a{outline:none; color:#83b441; text-decoration:none; -webkit-transition-duration: 0.7s; transition-duration: 0.7s;}
a:hover{text-decoration:none;}
:focus{outline:0;}
input{color:#333; font-family: 'Open Sans', sans-serif;}
.pr{position:relative;}
.fl{float:left;}
.fr{float:right;}
.dn{display:none;}


.fosw3{font-weight:300; font-family: 'Oswald', sans-serif;}
.fosw4{font-weight:400; font-family: 'Oswald', sans-serif;}




.header_out{width:100%; float:left; background:#040601; padding:15px 0;}
.header_in{width:1170px; margin:0px auto;}
.header{float:left; width:100%;}

a.logo{float:left;}

.header_right{width:70%; float:right;}

.h_r_lr{float:right; width:100%;}
.h_r_lr a i{font-size:20px; float:left; margin:-1px 8px 0 0;}
a.h_login{float:right; height:20px; color:#f1ba46; padding:0px;}
a.h_login:hover{color:#83b441; }
a.h_register{float:right; height:20px; color:#83b441; margin:0 0 0 30px; padding:0;}
a.h_register:hover{color:#f1ba46; }

.h_r_nav{float:right; width:100%; margin:32px 0 0 0; text-transform:uppercase; }
.h_r_nav a{float:right; color:#ffffff; margin:0 0 0 30px;}
.h_r_nav a:hover{color:#f0b332;}






.banner_out{width:100%; float:left; background:url(../images/main_banner.jpg) no-repeat center 0px;}
.banner_in{width:1170px; margin:0px auto;}
.banner{float:left; width:100%; position:relative; height:462px;}
.banner_text{width:50%; margin:180px 0 0 0;}
.banner_text h3{color:#ffffff; font-size:28px;}
.banner_text h2{color:#ffffff; font-size:48px;}

.ban_search{position:absolute; bottom:0px; right:0px; float:right; background:url(../images/search_bg.png) repeat 0px 0px; width:380px;}
.ban_search h2{float:left; width:100%; background:#ffffff; padding:12px 30px; color:#5c3e00; font-size:16px;}
.ban_nav{float:left; width:100%; background:#ffffff; border-top:3px solid #f1ba46; font-weight:bold;}

.ban_nav a{float:left; background:#FFFFFF; padding:7px 0px; color:#83b441; font-size:16px; text-align:center; width:50%;}
.ban_nav a:hover{ background:#f1ba46; color:#FFF; }

.ban_nav a.here{float:left; background:#f1ba46; padding:7px 0px; color:#FFFFFF; font-size:16px; text-align:center; width:50%;}
.ban_nav a.here:hover{ background:#FFFFFF; color:#83b441; }

.ban_form{float:left; width:100%; padding:20px 30px; }
.sel1{width:100%; border:1px solid #e0e0e0; padding:0px; height:46px; float:left; margin-bottom:10px; background:#fff url(../images/icn_ban1.png) no-repeat right 17px;
   -webkit-appearance: none;   -moz-appearance:none;}
.ban_form_row{float:left; width:100%; margin-bottom:10px;}

.form1{width:48%; background:#ffffff; border:1px solid #e0e0e0; padding:0px; height:46px; float:left; padding:5px;}
.form2{width:48%; background:#ffffff; border:1px solid #e0e0e0; padding:0px; height:46px; float:right; padding:5px;}
.ban_form_row1{width:80%; margin:0 auto;}
a.btn_search{background:#83b441; font-size:28px; padding:10px 0; text-align:center; width:100%; color:#ffffff; float:left; border-radius:5px;}
a.btn_search:before{background: #6d9e2c; border-radius:5px;}





.cnt1_out{width:100%; float:left; background:#FFF; padding:30px 0;}
.cnt1_in{width:1170px; margin:0px auto;}
.cnt1{float:left; width:100%;}

.hm_msg_cen{float:left; width:55%;}
.msg_cen_ttl{width:100%; float:left; background:#83b441; padding:10px;}
.icn_msg_cen1{float:left; margin:5px 10px 0 0;} 
.msg_cen_ttl h2{ float:left; color:#ffffff; font-size:22px; font-weight:normal;}
.msg_cen_ttl span{float:right; margin:5px 0px 0 0;}
.msg_cen_ttl span img{float:right; margin:0 0 0 10px;}



.msg_cen_body{width:100%; float:left; background:#f5f5f5; padding:20px 0 20px 10px; position:relative;}
.mcb_row{width:100%; float:left; background:#ffffff; border:1px solid #e0ebd0; border-left:2px solid #83b441; padding:5px;}
.mcb_row1{width:100%; float:left; background:#f5f5f5; border:1px solid #f5f5f5; border-left:2px solid #f5f5f5; padding:10px 5px;}
.mcb_img{width:14%; float:left;}
.mcb_img img{width:100%; border:1px solid #dfdfdf;  -webkit-transform:scale(1);transform:scale(1);-webkit-transition: all 0.5s ease;transition: all 0.5s ease; cursor:pointer;}
.mcb_img:hover img {-webkit-transform:scale(0.9);transform:scale(0.9); border:3px solid #83b441;}




.mcb_des{width:86%; float:left; padding:0 0 0 15px;}
.mcbd_ttl{color:#83b441; font-size:18px; width:100%; float:left; font-weight:normal;}
.mcbd_row1{ width:100%; float:left; padding:5px 0;}
.mcbd_row1 span{float:left; padding:0 50px 0 0;}
.mcbd_row1 span i{float:left; margin:1px 5px 0 0; font-size:16px;}


.mcbd_row2{ width:100%; float:left;}
a.rm1{color:#f0b332;}
a.icn_plus1{position:absolute; bottom:0px; right:0px; float:right;}
a.icn_plus1 i{ color:#f0b432; font-size:20px; -webkit-transition-duration: 0.7s; transition-duration: 0.7s;}
a.icn_plus1:hover i{ color:#83b441;}


.mcb_row, .mcb_row1, .btb_row, .btb_row1{height:115px;}


.hm_buy_tik{float:left; width:45%; padding:0 0 0 30px;}

.buy_tik_ttl{width:100%; float:left; background:#f0b432; padding:10px;}
.icn_buy_tik1{float:left; margin:5px 10px 0 0;} 
.buy_tik_ttl h2{ float:left; color:#2c2c2a; font-size:22px; font-weight:normal;}
.buy_tik_ttl span{float:right; margin:5px 0px 0 0;}
.buy_tik_ttl span img{float:right; margin:0 0 0 10px;}

.buy_tik_body{width:100%; float:left; background:#f5f5f5; padding:20px 0 20px 0px; position:relative;}
.btb_row{width:100%; float:left; background:#ffffff; padding:0;}
.btb_row1{width:100%; float:left; background:#f5f5f5; padding:0px;}
.btb_img{width:20%; float:left;}
.btb_img img{width:100%; border:1px solid #dfdfdf; -webkit-transform:scale(1);transform:scale(1);-webkit-transition: all 0.5s ease;transition: all 0.5s ease; cursor:pointer;}
.btb_img:hover img {-webkit-transform:scale(0.9);transform:scale(0.9); border:3px solid #f0b432;}

.btb_des{width:80%; float:left; padding:5px 5px 5px 15px;}
.btbd_ttl{color:#83b441; font-size:18px; width:100%; float:left; font-weight:normal;}
.btbd_row1{ width:100%; float:left; padding:5px 0;}
.btbd_row1 span{float:left; padding:0 50px 0 0;}
.btbd_row1 span i{float:left; margin:1px 5px 0 0; font-size:16px;}


.btbd_row2{ width:100%; float:left;}
a.rm2{color:#f0b332;}
a.icn_plus2{position:absolute; bottom:0px; right:0px; float:right;}
a.icn_plus2 i{ color:#f0b432; font-size:20px; -webkit-transition-duration: 0.7s; transition-duration: 0.7s;}
a.icn_plus2:hover i{ color:#83b441;}


.add1{width:100%; margin:30px 0 0 0; padding:20px 10px; background:#f0b432; float:left;}
.add1_in{width:20%; padding:0 10px 0 10px; float:left;}
.add1_in img{width:100%; border:5px solid #e3a830;}





.cnt2_out{width:100%; float:left; background:#83b441; padding:30px 0;}
.cnt2_in{width:1170px; margin:0px auto;}
.cnt2{float:left; width:100%;}


.hm_mov_rev{float:left; width:55%;}
.mov_rev_ttl{width:100%; float:left; padding:0 0 10px 0; color:#FFFFFF; font-size:22px;}
.mov_rev_tabs{float:left; width:100%;}
.mov_rev_tabs a{background:#7baa3b; border-right:2px solid #8ab84c; font-size:16px; padding:10px 30px; text-align:center; color:#ffffff; float:left;}
.mov_rev_tabs a:hover{background:#FFFFFF; color:#0c0c0c;}
.mov_rev_tabs a:nth-last-child(1){border-right:0px solid #7baa3b;}
.mov_rev_tabs a.here{background:#FFFFFF; color:#0c0c0c;}



.mov_rev_body{width:100%; float:left; background:#FFFFFF; padding:0 0 20px 0; position:relative;}
.mr_row{width:100%; float:left; background:#ffffff; padding:20px 20px 0 20px;}

.mr_img{width:25%; float:left; border:1px solid #dfdfdf;}
.mr_img img{width:100%;}

.mr_des{width:75%; float:left; padding:0px 0 0px 15px;}
.mrd_ttl{color:#0c0c0c; font-size:16px; width:100%; float:left; font-weight:normal;}
.mrd_row1{ width:100%; float:left; padding:2px 0 5px 0; font-size:12px; }
.mrd_row2{ width:100%; float:left; padding:5px 0;}

a.mrd_rm{color:#f0b332;}
a.icn_plus3{position:absolute; bottom:-4px; right:0px; float:right;}
a.icn_plus3 i{ color:#f0b432; font-size:20px; -webkit-transition-duration: 0.7s; transition-duration: 0.7s;}
a.icn_plus3:hover i{ color:#83b441;}


.hm_cla{float:left; width:45%; padding:0 0 0 30px;}
.cla_ttl{width:100%; float:left; padding:0 0 10px 0; color:#FFFFFF; font-size:22px;}
.cla_search{width:100%; float:left;}
.cla_tebox{width:80%; float:left; background:#ffffff; padding:5px; border:1px solid #ffffff; height:43px;}
a.cla_btn1{background:#f0b332; font-size:16px; padding:10px 0px; text-align:center; color:#3b3b3b; float:left; width:20%;}
a.cla_btn1:before{background: #cd9624;}
a.cla_btn1:hover{color:#fff;}


.cla_body{width:100%; float:left; padding:20px 0 0 0; position:relative; height:385px;}
.cla_row1{ width:100%; float:left; padding:0px;}
.cla_icn{width:23.5%; float:left; margin:0 2% 10px 0;}
.cla_icn:nth-last-child(1){margin:0 0 10px 0;}
.cla_icn a{width:100%; float:left; text-align:center;  border:5px solid #8ebb5e; padding:16px 0px;}
.cla_bg1{background:#167d6c;}
.cla_bg2{background:#023f80;}
.cla_bg3{background:#d8209a;}
.cla_bg4{background:#78496b;}
.cla_bg5{background:#9668e4;}
.cla_bg6{background:#f78026;}
.cla_bg7{background:#cc175a;}
.cla_bg8{background:#77a22f;}
.cla_bg9{background:#9d7e4f;}
.cla_bg10{background:#f48886;}
.cla_bg11{background:#3572dd;}
.cla_bg12{background:#f1ba46;}
a.view_all1{position:absolute; bottom:0px; right:0px; float:right; background:#f0b332; font-size:14px; padding:8px 27px; text-align:center; color:#3b3b3b;}
a.view_all1:before{background: #cd9624;}
a.view_all1:hover{color:#fff;}


.cla_icn a img {-webkit-transition: all 0.7s ease;transition: all 0.7s ease;}
.cla_icn a:hover img {-webkit-transform:scale(1.3);transform:scale(1.3);}








.add2_out{width:100%; float:left; background:#FFFFFF; padding:30px 0;}
.add2_row1{width:100%; float:left; padding:0 0 15px 0;}
.add2_row2{width:100%; float:left;}

.add2_col{width:14.3%; float:left; padding:0 1px 0 0; position:relative; overflow:hidden;}
.add2_col:nth-last-child(1){width:14.2%; padding:0 0 0 0;}
.add2_col img{width:100%;}



.a2c_in {width:100%; height:280px; position:absolute; top:0; left:0; -webkit-transform: scale(0);transform: scale(0); background-color: rgba(0,0,0,0.75); Passw0rd-webkit-transition: all 0.7s ease; transition: all 0.7s ease; font-size:12px; color:#ffffff; padding:20px; cursor:pointer;}
.add2_col:hover .a2c_in {-webkit-transform: scale(1);transform: scale(1);}

.a2c_row1{width:100%; float:left; padding:0 0 5px 0;}
.a2c_row2{width:100%; float:left; padding:0 0 20px 0; color:#f1ba46;}
.a2c_row3{width:100%; float:left; padding:0 0 5px 0;}
.a2c_row3 img{width:auto; float:left; padding:3px 0 0 0;}
.a2c_row3 b{float:right; font-weight:normal; width:90%;}
a.vd1{float:right; background:#f0b332; font-size:10px; padding:5px 10px; text-align:center; color:#ffffff;}




.cnt3_out{width:100%; float:left; background:#f0b432; padding:30px 0; border-top:25px solid #e5aa2c;}
.cnt3_in{width:1170px; margin:0px auto;}
.cnt3{float:left; width:100%;}


.hm_pro{float:left; width:55%;}

.hp_links{width:100%; float:left; padding:0 0 20px 0;}
.hp_links label{float:left; font-size:12px;}
.hp_links label a{color:#000000;}
.hp_links label a:hover{color:#FFF;}
.hp_links span{float:right; margin:3px 0px 0 0;}
.hp_links span img{float:right; margin:0 0 0 10px;}


.hp_row{width:100%; float:left;}

.hp_col{width:23.5%; float:left; margin:0 2% 0 0; position:relative; overflow:hidden;}
.hp_col:nth-last-child(1){margin:0 0 0 0;}
.hp_col a{ float:left; width:100%;}
.hp_col img{width:100%; }



.hpc_in {width:100%; float:left; height:230px; position:absolute; top:0; left:0; background-color: rgba(0,0,0,0.75); font-size:11px; color:#ffffff; padding:5px; cursor:pointer; margin-top:230px;}
.hp_col:hover .hpc_in {-webkit-transition: all 0.7s ease; transition: all 0.7s ease; margin-top:0;}

.hpc_row1{width:100%; float:left; padding:0 0 5px 0;}
.hpc_row2{width:100%; float:left; padding:0 0 5px 0; color:#83b441;}
.hpc_row3{width:100%; float:left; padding:0 0 5px 0;}
a.rm3{color:#f0b332;}




.hm_fro_blo{float:left; width:45%; padding:0 0 0 30px;}
.fro_bol_ttl{width:100%; float:left; padding:0 0 10px 0; color:#0c0c0c; font-size:22px; margin:-7px 0 0 0;}

.fro_bol_body{width:100%; float:left; padding:0; position:relative; height:232px;}
.fb_row{width:100%; float:left; padding:0px 0px 10px 0px;}
.fb_img{width:13%; float:left;}
.fb_img img{width:100%; border:3px solid #d8a12d;}
.fb_des{width:87%; float:left; padding:0px 0 0px 15px;}
.fbd_row1{ width:100%; float:left; padding:0px; color:#73530f; font-style:italic;}
.fbd_row2{ width:100%; float:left; padding:2px 0 5px 0;}
a.rm4{color:#73530f;}

a.view_all2{position:absolute; bottom:0px; left:0px; float:left; background:#83b441; font-size:14px; padding:8px 27px; text-align:center; color:#FFF;}
a.view_all2:before{background: #6d9e2c;}



.foo1_out{width:100%; float:left; background:#0c0c0c; padding:30px 0;}
.foo1_in{width:1170px; margin:0px auto;}
.foo1{float:left; width:100%; color:#fff;}

.foo1_col1{padding:0 20px 0 0; float:left;}
.foo1_col1:nth-last-child(1){padding:0 0 0 0;}
.fc_w1{width:22%;}
.fc_w2{width:34%;}
.foo1_col1 h2{width:100%; float:left; padding:0 0 15px 0; color:#FFF; font-size:20px; text-transform:uppercase; }

.foo1_col1 ul li{list-style:none none outside; padding:0 0 10px 0;}
.foo1_col1 ul li a{color:#FFFFFF; text-decoration:none; text-transform:uppercase;}
.foo1_col1 ul li a:hover{color:#f1ba46;}



.foo1_col1 ul li a i.fa-facebook {color:#FFF; background:#3b5998; font-size:18px; padding:4px 10px 4px 11px; float:left; margin:-3px 8px 0 0;}
.foo1_col1 ul li a:hover i.fa-facebook{background:#4f72bd;}

.foo1_col1 ul li a i.fa-linkedin {color:#FFF; background:#007bb5; font-size:18px; padding:4px 8px; float:left; margin:-3px 8px 0 0;}
.foo1_col1 ul li a:hover i.fa-linkedin{background:#0399e0;}

.foo1_col1 ul li a i.fa-twitter {color:#FFF; background:#55acee; font-size:18px; padding:4px 7px 4px 7px; float:left; margin:-3px 8px 0 0;}
.foo1_col1 ul li a:hover i.fa-twitter{background:#8cc9f7;}

.foo1_col1 ul li a i.fa-youtube {color:#FFF; background:#b62025; font-size:18px; padding:4px 8px; float:left; margin:-3px 8px 0 0;}
.foo1_col1 ul li a:hover i.fa-youtube{background:#d54a4e;}








.f1c1_p1{float:left; width:80%; margin:0 0 20px 0;}



.f1c1_search{width:100%; float:left;}
.f1c1_tebox{width:65%; float:left; background:#ffffff; padding:5px; border:1px solid #ffffff; height:43px;}
a.f1c1_btn1{background:#83b441; font-size:16px; padding:10px 0px; text-align:center; color:#FFF; float:left; width:20%;}
a.f1c1_btn1:before{background: #6d9e2c;}

.ttn{text-transform:none; font-style:normal; font-size:12px;}
.fwn{text-transform:none; font-weight:normal; font-size:12px;}



.foo2_out{width:100%; float:left; background:#1d1d1d; padding:20px 0;}
.foo2_in{width:1170px; margin:0px auto;}
.foo2{float:left; width:100%; color:#fff;}

.foo2_col1{float:left;}
.foo2_col2{float:right;}
.foo2_col2 a{float:right; margin:0 0 0 5px;}
.clr_1{color:#f1ba46;}



/* Rectangle Out */
.be1 {display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden;
  backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color;
  transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.be1:before {  content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scale(0); transform: scale(0);  -webkit-transition-property: transform;
  transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;   }
.be1:hover:before, .be1:focus:before, .be1:active:before {-webkit-transform: scale(1);  transform: scale(1);}



/* Bounce To Right */
.ie1 { display: inline-block; vertical-align: middle;-webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden;
  backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: absolute; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s;  transition-duration: 0.5s;}
.ie1:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0;background-color: rgba(0,0,0,0.40);  -webkit-transform: scaleX(0);  transform: scaleX(0);  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;  -webkit-transition-property: transform;  transition-property: transform;  -webkit-transition-duration: 0.5s;  transition-duration: 0.5s;  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;}
.ie1:hover:before, .ie1:focus:before, .ie1:active:before {  -webkit-transform: scaleX(1);  transform: scaleX(1);  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.ie1a{position:absolute; top:0px; left:0px; float:left; width:100%; height:100%; cursor:pointer;}





/*Menu*/
.dropdown-menu li{float:left; text-align:left; width:100%; border-bottom:1px solid #000;}
.dropdown-menu li a{float:left; text-align:left; margin:0px; width:100%;}
/*Menu*/


.login_out{width:100%; float:left; background:url(../images/login_bg.png) no-repeat center 0px;}
.login_in{width:1170px; margin:0px auto;}
.login{float:left; width:100%; position:relative; padding:95px 0px; min-height:770px;}
.login_left{width:50%; margin:0;}
.login_left h3{color:#ffffff; font-size:28px;}
.login_left h2{color:#ffffff; font-size:21px;}

.login_form{float:left; width:100%; padding:20px 0px;}
.login_form_row{float:left; width:100%; margin-bottom:20px;}

.login_form3{width:80%; background:#ffffff; border:1px solid #e0e0e0; padding:0px; height:46px; float:left; padding:5px;}
.login_form1{width:48%; background:#ffffff; border:1px solid #e0e0e0; padding:0px; height:46px; float:left; padding:5px;}
.login_form2{width:48%; background:#ffffff; border:1px solid #e0e0e0; padding:0px; height:46px; float:right; padding:5px;}
.login_sel1{width:48%; border:1px solid #e0e0e0; padding:0px; height:46px; float:left; background:#fff url(../images/icn_ban1.png) no-repeat right 17px;
   -webkit-appearance: none;   -moz-appearance:none;}

.login_form_row1{width:100%; float:left; color:#fff; margin:0 0 20px 0;}
.login_form_row1 span{width:100%; float:left; color:#fff; margin:0 0 5px 0;}
.login_form_row1 span input{float:left; margin:3px 10px 0 0;}
.login_form_row1 span a{color:#f0b332;} 
.login_form_row1 span a:hover{color:#fff;} 
   
   
.login_form_row2{width:100%; float:right; margin:0 0 20px 0;}
a.btn_login{background:#83b441; font-size:16px; padding:10px 0; text-align:center; width:30%; color:#ffffff; float:left; }
a.btn_login:before{background: #6d9e2c; border-radius:5px;}

a.btn_register{background:#83b441; font-size:16px; padding:10px 0; text-align:center; width:30%; color:#ffffff; float:right; }
a.btn_register:before{background: #6d9e2c; border-radius:5px;}



.login_or{width:30%; float:left; font-size:22px; text-align:center; color:#fff; padding:165px 0 0 0;}

.login_connect{width:20%; float:left; padding:95px 0 0 0;}
a.lcf{background:#3b5998; font-size:14px; padding:15px 0; text-align:center; width:100%; color:#ffffff; float:left; margin:0 0 10px 0; position:relative;}
a.lcf i{position:absolute; top:5px; left:-5px; background:#354f88; font-size:20px; color:#ffffff; padding:10px 15px;}
a.lcf:hover{background:#354f88;}
a.lcf:hover i{background:#3b5998;}

a.lct{background:#45b0e3; font-size:14px; padding:15px 0; text-align:center; width:100%; color:#ffffff; float:left; margin:0 0 10px 0; position:relative;}
a.lct i{position:absolute; top:5px; left:-5px; background:#40a2d1; font-size:20px; color:#ffffff; padding:10px 11px;}
a.lct:hover{background:#40a2d1;}
a.lct:hover i{background:#45b0e3;}

a.lcg{background:#de4c34; font-size:14px; padding:15px 0; text-align:center; width:100%; color:#ffffff; float:left; margin:0 0 10px 0; position:relative;}
a.lcg i{position:absolute; top:5px; left:-5px; background:#ce3e26; font-size:20px; color:#ffffff; padding:10px 11px;}
a.lcg:hover{background:#ce3e26;}
a.lcg:hover i{background:#de4c34;}


